import ListDemo from "./components/list-demo"
import StateDemo from "./components/state-demo"
import PropsDemo from "./components/props-demo"
import DomDemo from "./components/dom-demo"
import ConditionDemo from "./components/condition-demo"
import MemoDemo from "./components/memo-demo"
import EffectDemo from "./components/effect-demo"
import InputDemo from "./components/input-demo"
import CallbackDemo from "./components/callback-demo"
import ForwardRefDemo from "./components/forward-ref-demo"
import ImpreativeHandleDemo from "./components/impreative-handle-demo"

const Component = () => {
  const msg = '这是父组件定义的字符串'
  return (
    <>
      <ListDemo />
      <StateDemo />
      <PropsDemo msg={msg} />
      <DomDemo />
      <ForwardRefDemo />
      <ImpreativeHandleDemo />
      <ConditionDemo />
      <MemoDemo />
      <CallbackDemo />
      <EffectDemo />
      <InputDemo />
    </>
  )
}

export default Component
